<html lang="en" xmlns:th="http://www.thymeleaf.org">
<body>
<base href="http://localhost:8080"/>
<div class="main-menu">
    <header class="header">
        <a href="index.html" class="logo"><i class="ico mdi mdi-cube-outline"></i>MyAdmin</a>
        <button type="button" class="button-close fa fa-times js__menu_close"></button>
        <div class="user">
            <a href="#" class="avatar"><img src="../static/images/avatar-sm-5.jpg" alt=""><span
                    class="status online"></span></a>
            <h5 class="name"><a href="profile.html">Denise Emily</a></h5>
            <h5 class="position">Administrator</h5>
            <!-- /.name -->
            <div class="control-wrap js__drop_down">
                <i class="fa fa-caret-down js__drop_down_button"></i>
                <div class="control-list">
                    <div class="control-item"><a href="profile.html"><i class="fa fa-user"></i> Profile</a></div>
                    <div class="control-item"><a href="#"><i class="fa fa-gear"></i> Settings</a></div>
                    <div class="control-item"><a href="#"><i class="fa fa-sign-out"></i> Log out</a></div>
                </div>
                <!-- /.control-list -->
            </div>
            <!-- /.control-wrap -->
        </div>
        <!-- /.user -->
    </header>
    <!-- /.header -->
    <div class="content">

        <div class="navigation">
            <h5 class="title">Navigation</h5>
            <!-- /.title -->
            <ul th:each="tree:${session.trees}">
                <li class="menu js__accordion" th:text="${tree.pname}">

                <li th:each="children:${tree.children}">
                    <a th:href="${children.url}" th:text="${children.pname}"><i
                            class="mdi mdi-format-align-justify"></i></a>
                </li>
                <!--                    <label th:each="${session.trees}"></label>-->

                </li>

            </ul>
            <!-- /.sub-menu js__content -->
            <!-- /.menu js__accordion -->
        </div>
        <!-- /.navigation -->
    </div>
    <!-- /.content -->
</div>
<!-- /.main-menu -->

<script src="../static/scripts/main.min.js"></script>

</body>
</html>
